		<style type="text/css">
			body{
				margin: 0%;
				padding: 0%;
				max-width: 100%;
				height: 100%;
				display: block;
				overflow-y: auto;	
				scrollbar-width: none; 
			}
			#home{
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
			}
			#header{
				width: 100%;
				height: 100%;
				height: 80px;
				/*background-image: url("img/biaoti2.png");*/
				background-color: #a81b00;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				width: auto;
				display: flex;
				flex-direction: row;
				top: 0;
				color: #F4F6F6;
				align-items: center;
				justify-content:space-around;
			}
			#ttf1{
				font-family:ttf1;
				font-size: 80px;
			}
			#ttf2{
				font-family:ttf2;
				font-size: 30px;
				color: #F4F6F6 ;
			}
			#ttf3{
				font-family:ttf1;
				font-size: 40px;
				color: #F4F6F6;
			}
			@font-face{
				font-family:ttf1;
				src:url("../ttf/MFBingo_Noncommercial-Regular.otf");
			}
			@font-face{
				font-family:ttf2;
				src:url("../ttf/MFZhuoYing_Noncommercial-Regular.otf");
			}
			@font-face{
				font-family:ttf4;
				src:url("../ttf/MFYinSong_Noncommercial-Regular.otf");
			}
			#nav{
				width: 100%;
				height: 41px;
				position: static;
				background-image: linear-gradient(#a81b00, #B03A2E 80%);
				top: 80px;
				z-index: 1000;
				/* GPT修改 */
/* 				width: 100%;
				height: 41px;
				position: static;
				background-image: linear-gradient(#a81b00, #B03A2E 80%);
				top: 80px;
				z-index: 1000; */
			}
			#main{
				width: 100%;
				height: 100%;
			}
			#footer{
				width: 100%;
				height: 80px;
				clear: both;
				z-index: 9999;
			}
			.chuizhi{
				height: 40px;
				width: 100%;
				list-style-type:none;
				font: 0.9em Arial, Helvetica , sans-serif;
				display: inline;
				margin: 0%;
				padding: 0%;
			}
			.daohang{
				margin: 0px;
				padding: 0px;
				float: left;
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				height: 40px;
				width: 100%;
				list-style-type:none;
				font: 0.9em Arial, Helvetica , sans-serif;
			}
			.daohang2{
				border-bottom: 1px solid #ccc;
			}
			ul li a {
				color: #fff;
				width: 100%;
				margin: 0px;
				padding: 0px 0px 0px 50px;
				text-decoration: none;
				display: block;
				background-image: linear-gradient(#a81b00, #B03A2E 80%);
				line-height:40px;

			}
			ul li ul li {
				height: 30px;
			}
			ul li ul li a{
				background: #943126 ;
				line-height: 29px;
			}
			ul li a:hover{
				background-color: #6D0F06   ;
				border: 1px solid #6D0F06  ;
			}
			ul li ul{
				visibility: hidden;
			}
			ul li:hover ul {
				visibility: visible;
				z-index: 1000;
			}
			ul li ul li a:hover{
				background-color: #A93226;
			}
			.banner-container{
				width:1200px;
				border-radius: 8px;
				height:400px;
				/* 轮播图居中 */
				margin:1rem auto;
				/* 隐藏超出展示容器的内容 */
				overflow: hidden;
				position: relative;
				z-index:-999;
				/* margin-top: 60px; /* 设置顶部距离为20像素 */ */
			}
			
			.banner-container .banner-img-container {
				width:6000px;
				height:400px;
				overflow: hidden;
				position: absolute;
				/* 开启弹性盒，让图片横向排列 */
				display: flex;
				animation: run 10s ease infinite;
			}
			
			.banner-container .banner-img-container img{
				width:1200px;
				height:100%;
			}
			
			/* 动画关键帧 */
			@keyframes run {
				0%,10%{
					/* margin-left: 0; */
					transform: translateX(0);
				}
				20%,30%{
					/* margin-left: -1200px;; */
					transform: translateX(-1200px);
				}
				40%,50%{
					/* margin-left: -2400px; */
					transform: translateX(-2400px);
				}
				60%,70%{
					/* margin-left: -3600px; */
					transform: translateX(-3600px);
				}
				80%,90%{
					/* margin-left: -4800px; */
					transform: translateX(-4800px);
				}
				100%{
					/* margin-left: 0; */
					transform: translateX(0);
				}
			}
			#main02{
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: row;
			}
			#mainleft {
				width: 60%; /* 为左侧内容区域设置固定宽度 */
				height: 100%;
				display: flex;
				flex-direction: row;
				margin-left: 5%;
			}
			#mainright {
				width: 26%; /* 为右侧边栏设置固定宽度 */
				height: 500px; /* 初始高度 */
				position: static;
				margin: 8px 80px 0px 10px; /* 根据需要调整边距 */
				padding: 1%;
				background-color: #F8F9F9;
				border-radius: 8px;
				top: 525px; /* 根据需要调整顶部位置，与标题栏对齐 */
				right: 0; /* 靠右对齐 */
				transition: height 0.3s linear; /* 添加过渡效果 */
			}
			.mainleft01{
				width: 20%;
				height: 130px;
				margin:auto;
			}
			.mainleft02{
				width: 80%;
				height: 20%;
				padding: 1% 1% 1% 1%;
			}
			.mainleft03{
				width: 100%;
				height: 100%;
			}
			.mainleftimg{
				width: 90%;
				height: 90%;
				margin-top: 5%;
				margin-left: 5%;
				display: flex;
				border-radius: 8px;
				}
			.title:hover{
				/* font-family: ttf4; */
				color:black; 
				font-size: 20px;
				font-weight: bold;
				margin-top: 10px;
				color: #a81b00;
			}
			.message{
				width: 100%;
				color: #9C9897;
				font-size: 13px;
			}
			.messbox{
				display: flex;
				flex-direction: row;
				background-color: #F8F9F9 ;
				border-radius: 8px;
				margin-top: 10px;
			}
			.mainleft{
				display: flex;
				flex-direction: column;
			}
			#lunbotu{
				width: 100%;
				height: 100%;
				margin-top: 20px;
			}
			/* 样式可以根据需要进行修改 */
			.login-popup {
				display: none;
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				background-color: #fff;
				padding: 20px;
				border: 1px solid #ccc;
				border-radius: 5px;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
				z-index: 9999;
			  }
			  .login-popup input {
				width: 100%;
				padding: 8px;
				margin-bottom: 10px;
				border: 1px solid #ccc;
				border-radius: 5px;
			  }
			  .login-popup input[type="text"],
			  .login-popup input[type="password"] {
				width:80%; /* 缩短输入框的长度 */
			  }
			  .login-popup button {
				display: block;
				width:80%; /* 宽度与输入框一致 */
				padding: 8px;
				background-color: #a81b00; /* 修改按钮颜色 */
				border: none;
				border-radius: 18px;
				color: #fff;
				cursor: pointer;
				margin-top: 10px; /* 按钮顶部间距 */
				margin-left: 6px;
			  }
			  .close-button {
				position: absolute;
				top: 10px;
				right: 10px;
				cursor: pointer;
				}
			  .qr-code {
			    flex: 1;
			    text-align: center;
			  }
			  .login-form {
			    flex: 1;
			    margin-right: 20px; /* 调整登录表单与二维码之间的间距 */
			  }
			  #loginmain{
				  width: 400px;
				  height: 140px;
				  display:flex;
				  flex-direction: row;
			  }
			  #loginmain01{
				  margin-top: 2%;
				  width: 40%;
				  height: 100%;
				  flex-grow: 1;
			  }
			  #denglu{
				display:flex;
				flex-direction: row;
			  }
			  #itfont{
				font-family:ttf1;
				margin-right: 8px;
				font-size: 30px;
				color: #a81b00;
			  }
			  #denglufont{/* 
				font-family:"宋体" ; */
				padding-top:5px ;
				font-size: 25px;
				color: black;
			  }
			  .news {
				margin: 3px 0px 3px 0px;
			    overflow: hidden;
			     white-space: nowrap;
			     text-overflow: ellipsis;
				 display: inline-block; 
				 max-width: 100%;
				 /* font-weight: bold; */
			  }
        /* 隐藏不需要显示的页面 */
        .page {
            display: none;
        }

        /* 显示当前页面 */
        .current {
            display: block;
        }
		
		//phone界面
		#phone_box{
			display:flex;
			flex-direction: column;
			justify-content: space-between;
			position: relative;
			overflow-x: hidden;
		}
		#phone_text{
			background-color: rgb(234, 236, 238);
			width: 100%;
			height: 100%;
		}
		#phone_text_01{
			background-image: url('../img/huawei3.png');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			width: 100%;
			height: 700PX;
			display:flex;
			margin-left: 8%;
			
		}
		#phone_title_01{
			margin-top: 30%;
			margin-left: 60%;
			text-align: center;
		}
		#phone_img_01{
			display:flex;
			width: 20%;
			height:20%;
		}
		#phone_text_02{
			display:flex;
			padding-left: 4%;
			margin-top: 2%;
			margin-bottom: 2%;
			flex-direction: column;
		}
		#phone_biaoti{
			display:flex;
			margin-left: 5%;
		}
		#phone_box_02{
			display:flex;
			flex-direction: column;
			width: 100%;
			height: 100%;
		}
		#phone_xiaomiimg_01{
			display: flex;
			width: 5%;
			height: 5%;
			margin-left: 7%;
			margin-right: 7%;
			margin-bottom: 0%;
		}
		#phone_xiaomiimg_02{
			padding-left: 7%;
			width: 67%;
			height: 70%;
			display: flex;
			flex-direction: row;
			margin-top: 0%;
		}
		#phone_xiaomiimg_01_1{
			width: 2000px;
			height: 582px;
			padding: 20px;
		}
		#phone_text_03{
			display: flex;
			flex-direction: column;
			text-align: center;
		}
		#phone_text_03_1{
			font-size:450%;
			color: #363839   ;
		}
		#phone_text_03_2{
			font-size:120%;
			color: #AEB6BF ;
		}
		#phone_text_03_21{
			color: #363839  ;
		}
		#phone_img_02{
			display:flex;
			width: 60%;
			height:60%;
			padding-left: 20% ;
		}
		#phone_img_03{
			display:flex;
			width: 85%;
			height: 100%;
			padding-left: 7%;
		}
		#phone_xiaomiimg_02_1{
			display: flex;
			flex-direction: column;
			width: 86%;
			height: auto;
			margin-top: 10%;
		}
		#phone_img_04{
			margin: 3%;
		}
		#phone_xiaomiimg_02_2{
			display: flex;
			margin-bottom:1% ;
			margin-right: 5%;
			padding-top: 6%;
		}
		/* 测评 */
#bilivideo {
    height: 100%;
    width: 50%;
    margin: 20px;
    margin-left: 100px;
    border-radius: 10px;
    position: -webkit-sticky; /* 兼容性 */
    position: sticky; /* 让视频区域悬浮在固定位置 */
    top: 150px; /* 距离容器顶部的距离 */
    left: 100px; /* 距离容器右侧的距离 */
}

		#bilivideo_introduce{
			width: 550px;
			margin-left: 40x;
		}
		#bili{
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: row;
		}
		#comments{
			width: 50%;
			height: 100%;
			display: flex;
			flex-direction: column;		
			margin: 20px;
		}
		.user{
			width: 500px;
			height: 100px;
			display: flex;
			flex-direction: row;	
			background-color:white;
			border-radius: 8px;
			margin: 10px;
			padding: 10px;
		}
		.userimage{
			width: 50px;
			height: 50px;
		}
		.username{
			width:auto;
			height: 25px;
			margin-top:15px;
			margin-left: 10px;
		}
		.video-introduction {
			width: 572px;
			font-family: Arial, sans-serif; /* 设置字体 */
			font-size: 16px; /* 设置字体大小 */
			line-height: 1.6; /* 设置行高 */
			color: #333; /* 设置文字颜色 */
			margin: 2px; /* 设置段落与周围元素的间距 */
			padding: 10px; /* 设置段落内边距 */
			background-color: #f8f8f8; /* 设置背景颜色 */
			border-radius: 5px; /* 设置边框圆角 */
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 设置阴影效果 */
		}
		</style>